<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="images/MarketPlace.css" type="text/css" />
        <title>Reserva de espacios deportivos</title>
    </head>
    <body>
        <div id="wrap">

            <!--header -->
            <div id="header">

                <div id="header-links">
                    <p>
                        <a href="index.jsp">Home</a> |
                        <a href="#">Contact</a> |
                        <a href="#">Site Map</a>
                    </p>
                </div>

                <!--header ends-->
            </div>

            <div id="header-photo">

                <h1 id="logo-text"><a href="index.html" title="">Reserva de areas deportivas</a></h1>
                <h2 id="slogan">de manera rapida y facil ...</h2>

            </div>

            <!-- navigation starts-->
            <div  id="#">
                <form action="LogoutServlet">
                    <p class="align-right">
                        Bienvenido ${usuario.nombre}
                        <input type="submit" value="Logout">
                    </p>
                </form>
                <!-- navigation ends-->
            </div>

            <!-- content-wrap starts -->
            <div id="content-wrap" class="two-col"  >

                <div id="sidebar">

                    <h1>Registro</h1>
                    <ul class="sidemenu">
                        <li><a href="usuarios.jsp">Usuarios</a></li>
                        <li><a href="empresas.jsp">Empresas</a></li>
                        <li><a href="#">%temporal%</a></li>
                    </ul>

                    <h1>Wise Words</h1>
                    <p>&quot;We are what we repeatedly do. Excellence, then,
                        is not an act, but a habit.&quot; </p>

                    <p class="align-right">- Aristotle</p>

                    <!-- sidebar ends -->
                </div>

                <div id="main">

                    <h1>Calendario de reserva</h1>

                </div>


                <!-- content-wrap ends-->
            </div>

            <!-- footer starts -->
            <div id="footer-wrap"><div id="footer">

                    <p>
                        &copy; 2010-1 <strong>UPC- EPE</strong> |
                        Design by: <a href="http://www.styleshout.com/">Grupo 5</a> |
                        Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> |
                        <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>

                    </p>

                </div>
            </div>
            <!-- footer ends-->

            <!-- wrap ends here -->
        </div>
    </body>
</html>
